<template>
  <div id="bar">
    <hellow name="bar"></hellow>
  </div>
</template>
<script>
import {module1} from '../commt/module_1'
import {module2} from '../commt/module_2'
import {module3} from '../commt/module_3'
// import hellow from './comment/hellow.vue'
export default {
  components: {
    hellow:() => import('./comment/hellow.vue')
  },
  // components: {hellow },
  data() {
    return {
      module1: module1,
      module2: module2,
      module3: module3
    }
  }
}
</script>

<style>
#bar {
  color: red;
}
</style>
